<script setup lang='ts'>
defineProps({
  shad: {
    type: Boolean,
    default: true,
  },
})
</script>

<template>
  <div class="p-2px space-y-2">
    <div v-if="$slots.header" class="flex-y-center gap-3 bg-white p2" :class="[shad]">
      <slot name="header" />
    </div>
    <div v-if="$slots.content" class="shad bg-white pb2">
      <slot name="content" />
    </div>
  </div>
</template>

<style scoped lang='scss'>
/** 操作容器 */
.shad {
  background: #fff;
  box-shadow: 0px 0px 8px rgba(0, 21, 41, 0.08);
}
</style>
